﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ word-wrap:break-word; word-break:break-all; padding:0; margin:0; list-style:none; outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); font:inherit; font-size:14px; vertical-align:baseline; font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
body{overflow-x:hidden; font-size:1em;}
button,input,option,select,textarea,em{ -webkit-appearance:none; -webkit-text-size-adjust:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); border-radius:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; border-radius:0;}
button,img,input,nav,textarea,video{border:0;}
/*body,td{font-size:.9em}*/
a,a:visited{text-decoration:none;-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body,html{height:100%}
.clear{ clear:both; padding:0; margin:0; line-height:0;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:block;height:0;width:0;visibility:hidden}
.clearfix:after{clear:both;}

.pad10{ padding: 10px;}

/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
  width: 8px; /*对垂直流动条有效*/
  height: 8px; /*对水平流动条有效*/
  }

  /*定义滚动条的轨道颜色、内阴影及圆角*/
  ::-webkit-scrollbar-track{
  // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
  background-color: #dcdcdc;
  border-radius: 2px;
  }


  /*定义滑块颜色、内阴影及圆角*/
  ::-webkit-scrollbar-thumb{
  border-radius: 2px;
  // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
  background-color: #a8bdcc;
  }

  /*定义两端按钮的样式*/
  ::-webkit-scrollbar-button {
    display: none;
  background-color:cyan;
  }

  /*定义右下角汇合处的样式*/
  ::-webkit-scrollbar-corner {
  background:khaki;
  }

/* 头部样式 */
.header{ height: 50px; background: #254ca2;}
.menuShow{ float: left;  height: 20px; line-height: 20px; color: #FFF; padding: 0 10px; margin: 15px 15px 15px 0; border-right: 1px solid #4f5b73; cursor: pointer;}
.menuShow i{ margin: -3px 5px 0 2px; vertical-align: middle; display: inline-block;}
.short span{ display: none;}
.short i{ margin: -3px 5px 0 2px}
.logo{ color: #FFF; font-size: 18px; letter-spacing: 1px; display: inline-block; height: 50px; line-height: 50px;}
.logo img{ width:35px; vertical-align: middle; margin: -3px 10px 0 0;}
.messageBox{float: right; padding: 0 10px;}
.messageBox .UserBox{position: relative; padding: 0 10px 0 5px; float: right;}
.messageBox .UserBox dl dt{float: left; width: 40px; height: 40px; position: relative; margin: 5px; border-radius: 50%; text-align: center; line-height: 40px; overflow: hidden; background: #FFF;}
.messageBox .UserBox dl dt i{ font-size: 28px;}
.messageBox .UserBox dl dt img{ max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.messageBox .UserBox dl dd{overflow: hidden; height: 50px; line-height: 50px;color: #FFF;}
.messageBox .UserBox .tools{ position: absolute; z-index: 10; top:50px; right: 0; width: 250px; box-sizing: border-box; background: #FFF; box-shadow: 0 1px 2px #c5c5c5; display: none;}
.messageBox .UserBox .tools a{ float: left ; width: 50%; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; cursor: pointer; color:#666;}
.messageBox .UserBox .tools a:hover{ background: #3a8ee6; color: #FFF;}
.messageBox .UserBox .tools .toolBox{ padding: 10px;}
.messageBox .UserBox .tools .set{ border-top: 1px solid #eaeaea; height: 30px; line-height: 30px; margin: 0 10px; text-align: right;}
.messageBox .UserBox .tools .set span{ display: inline-block; width: 22px; height:22px; text-align: center; line-height: 22px; vertical-align: middle; cursor: pointer;}
.messageBox .UserBox .tools .set span i{ font-size: 22px;}
.messageBox .UserBox .tools .set span.close i{ color: #F30;}
.messageBox .UserBox:hover .tools{ display:block;}
.messageBox .UserBox:hover{background: #FFF;}
.messageBox .UserBox:hover dl dt{float: left; width: 40px; height: 40px; margin: 5px; border-radius: 50%; text-align: center; line-height: 40px; overflow: hidden; background: #2b303b;}
.messageBox .UserBox:hover dl dt i{ font-size: 28px; color: #FFF;}
.messageBox .UserBox:hover dl dd{overflow: hidden; height: 50px; line-height: 50px;color: #666;}
.navBox{ float: right;}
.navBox a{ display: inline-block; text-align: center; height: 50px; width: 50px; line-height: 50px;}
.navBox a:hover{ background: rgba(255,255,255,.1);}
.navBox a i{ color: #FFF; font-size: 22px; line-height: unset; vertical-align:sub;}
/* 左侧菜单 */
.leftNav{ position: absolute; left: 0; top: 50px; right: auto; bottom: 0; margin: auto; background: #2f56ad; z-index: 8;}
.menuBox p{ height:45px; line-height: 45px; color: #FFF; width: 180px; cursor: pointer; position: relative; white-space: nowrap; overflow: hidden;}
.menuBox:hover>p{ background: rgba(0,0,0,.2);}
.leftNav p.on{  background: rgba(0,0,0,.2);}
.menuBox p em{ width: 40px; height: 45px; line-height: 45px; display: inline-block; text-align: center;}
.menuBox p em i{ font-size: 26px; vertical-align:middle; margin:-3px 0 0; display:inline-block; }
.menuBox p span.jt{ display: block; width:14px; height: 14px; text-align: center; line-height: 14px; position: absolute; left: auto; top: 0; right: 10px; bottom: 0; margin:auto;}
.menuBox p span.jt i{ font-size: 10px;}
.menuBoxSecond{ position: absolute; left: 180px; top: 0; right: auto; bottom: 0; margin: auto; width: 180px;     background: rgba(47, 86, 173,.95); display: none;}
.menuBoxSecond p{ height: 45px; line-height: 45px; text-align: center; color: #FFF; cursor: pointer; position: relative;}
.menuBoxSecond p:hover{ background: rgba(0,0,0,.2);}
.menuBox:hover .menuBoxSecond{ display: block;} 
/* 中间功能 */

.centerMain{ position: absolute; left:180px; top: 50px; right: 0; bottom: 0; margin: auto; background: #F5F5F5; z-index: 6; overflow: hidden; overflow-x: auto;}
.centerMain .title{ height:40px; line-height:40px; padding:0 20px; font-size:16px; margin:10px 0 0;}
.breadcrumb{ padding: 10px;}
.contentBox{ position: absolute; left:10px; top: 10px; right:10px; bottom: 10px; margin: auto; background: #FFF; box-shadow: 0 1px 2px #c5c5c5;  min-width: 1200px;}

.paging{ text-align: center; padding: 10px 0;}
/* 页面内部搜索条件以及右侧按钮 */
.topTool{ padding: 10px;}
.topTool em{ margin: 0 5px 0 10px;}
.topTool .rightBox{ float: right; text-align: right; position: relative; z-index: 300; width: auto; min-height: 32px;}
.topTool .rightBox em{ display: none;}
.topTool .rightBoxMore em{ display:block; position: absolute; width: 16px; height: 16px; text-align: center; margin: 0; background: #dadada; border-radius: 50%; line-height: 16px; right:0; top: 5px; transform: rotate(0); transition: transform 0.5s;}
.topTool .rightBoxMore{ width:120px;  padding: 0 20px 0 0; }
.topTool .rightBoxMore:hover em{ transform: rotate(180deg); background: #6380c3; color: #FFF; }
.topTool .rightBoxMore:hover em i{ margin:1px 0 0;}
.topTool .rightBoxMore button{ display: block; width: 100%; margin: 0 0 10px;}
.topTool .rightBoxMore .buttons{ position: absolute; left: 0; top: 0; right: 20px; height: 32px; overflow: hidden; z-index: 300;}
.topTool .rightBoxMore:hover .buttons{ height:auto;}
.topTool .searchBox{ position: relative;}
.topTool .searchBox .boxN{ display: inline-block;}
.topTool .searchBox .moreSearch .boxN{ width: 20%; float: left; box-sizing: border-box; padding:10px 10px 0;}
.topTool .searchBox .moreSearch .boxN em{ float: left; margin: 5px 0 0 0;}
.topTool .searchBox .moreSearch .boxN .rightCon{ overflow: hidden;}
.topTool .searchBox .moreSearch{ position: absolute; left: 0; top: 34px; right: 0; bottom: auto; margin: auto; background: #FFF; box-shadow: 0 1px 2px #c5c5c5; padding:0 0 10px; z-index: 200;}
.topTool .searchBox .moreSearch h4{ height: 40px; line-height: 40px; padding: 0 10px; color: #999; border-bottom: 1px solid #eaeaea; font-size: 12px;}
.topTool .searchBox .upButton{ text-align: center; border-bottom: 1px solid #eaeaea; height: 10px; margin: 10px;}
.topTool .searchBox .upButton span{ background: #FFF; padding: 0 50px; color: #409eff; cursor: pointer;}
/* 详情 */
.deteile ul li{ padding: 10px 0;}
.deteile ul li em{ float: left; text-align: right; color: #666; width: 100px;}
.deteile ul li .rightCon{ overflow: hidden;}
.deteile ul li .rightCon p{ color: #666;}

/* 个人信息 */
.messageList{ padding: 20px; background:#FFF;  width:300px;  margin:0 auto; border-radius:5px; box-shadow:0 1px 2px #c5c5c5;}
.messageList li{ min-height: 30px; padding:10px 0;}
.messageList li em{ float: left; width: 100px; text-align: right; height:30px; line-height: 30px;}
.messageList li .rightCon{ overflow: hidden;}
.messageList li .rightCon .message{ padding: 5px 0 0;}
.messageList li .rightCon .setImg{ text-align:center;}
.messageList li .rightCon .setImg h4{ font-size:16px; text-align:justify; margin:0  0 10px;}
/* 表单输入样式 */
.formList li{ float: left; width: 50%;}
.formList li.long{  width: 100%;}
.formList li  .fileDown{ border:1px solid #eaeaea; height:50px; position:relative;}
.formList li  .fileDown img{ float:left; margin:9px;}
.formList li  .fileDown .rightCon{ overflow:hidden;}
.formList li  .fileDown h4{ font-weight:normal; line-height:normal; padding:6px 0 0;}
.formList li  .fileDown p{ color:#999; line-height:normal;  font-size:12px;}
.formList li  .fileDown .downloadBt{ position:absolute; display:block; width:40px; height:40px; line-height:40px; text-align:center; position:absolute; border-radius:3px; right:5px; top:5px; background:#3a8ee6; color:#FFF; }
.formList li  .fileDown .downloadBt:hover{ background:#4fa0f5;}
.formList li  .fileDown .downloadBt i{ font-size:16px;}

.templateDownload{background:#e8f7f4; padding:10px; margin:0 0 10px;}
.templateDownload .imgBox{float:left; margin:3px 10px 0 0;}
.templateDownload .rightCon{overflow:hidden;}
.templateDownload .rightCon p{ font-size:13px;}
.daoru .el-upload{ width:100%;}
.daoru .el-upload-list__item{ width:100%;}
.daoru .el-upload-list__item-name{height:40px; line-height:40px;}
.daoru .el-upload-list__item-name [class^=el-icon]{ font-size:26px; vertical-align:bottom;}
.daoru .el-upload-list__item .el-icon-close{top:13px!important; right:13px!important;}
.daoru .notice{color:#999; margin:0 0 20px;}

/*文章详情样式*/
.articleBox{width:70%;margin:20px auto;box-shadow: 0 2px 4px #e2e2e2;padding:40px;position:absolute;left:0;top:20px;right:0;bottom:20px;border: 1px solid #eaeaea; border-radius:3px;overflow:hidden; overflow-y:auto;}
.articleBox h3{ text-align:center; font-size:22px; color:#333; font-weight:bold; padding:0 20px;}
.articleBox .briefNews{ text-align:center; padding:20px 0;}
.articleBox .briefNews span{ display:inline-block; padding:0 20px; color:#999;}
.articleBox .content{ padding:0 20px; min-height:70%;}
.articleBox .content p{text-indent:2em; line-height:1.8em; color:#666;}

.fixBut{ position:absolute; right:10px; top:10px;}
/*ele外部及内部自定义样式*/
.elFromBox{ padding:20px 40px;}
.elFromBox .notice{ height:40px; padding:0 20px; border-radius:3px; background:#f7efc2; color:#b17a00; margin:0 0 0 5px; display:inline-block;}
.elFromBox .notice i{ margin:-3px 5px 0 0; font-size:16px; vertical-align:middle;}
.elFromBox em.unit{ padding:0 10px;}


/*弹层的样式*/
.topToolRight{ text-align:right;}


/*首页样式*/
.MessList{ float:right; width:25%; margin:10px 10px 10px 40px;}
.mainMes h3{ height:40px; line-height:40px; font-size:16px;}
.mainMes .rightCon{ overflow:hidden;}
.mainMes .loginMes{ box-sizing:border-box; padding:20px; background:#FFF; box-shadow:0 1px 2px #c5c5c5; margin:10px;}
.mainMes .loginMes ul{ padding:10px 0 0;}
.mainMes .loginMes ul li{ min-height:40px; display:inline-block; margin:0 40px 0 0;}
.mainMes .loginMes ul li em{ float:left; margin:0 10px 0 0; color:#999; text-align:right;}
.MessList .noticeList{ width:100%; box-sizing:border-box; padding:20px; background:#FFF; box-shadow:0 1px 2px #c5c5c5; margin:20px 0 0;}
.MessList .noticeList h4{ text-align:center; font-size:18px; font-weight:bold;}
.MessList .noticeList h5{ text-align:center; padding:10px 0;}
.MessList .noticeList h5 span{ color:#999; padding:10px;}
.MessList .noticeList .con p{ text-indent:2em; line-height:1.8em; color:#666;}

.mainMes{ overflow:hidden; padding:0 0 10px;}
.dataBox{ box-sizing:border-box; padding:20px; background:#FFF; box-shadow:0 1px 2px #c5c5c5; margin:20px 10px 0; min-height:300px;}
.dataBox h3{ height:40px; line-height:40px; font-size:16px;}
.dataBox ul li{ text-align:right; padding:10px 0;}
.dataBox ul li a{ float:left; max-width:60%; overflow:hidden; color:#3a8ee6; text-overflow:ellipsis; white-space:nowrap;}
.dataBox ul li span{ color:#999; width:20%; display:inline-block}

.numberBox{ margin:0 0 10px;}
.numberBox .numberBoxN{ float:left; width:calc((93%-99px)/4); background:#FFF; border-radius:5px; box-shadow:0 1px 2px #c5c5c5; height:130px; box-sizing:border-box; padding:20px; margin:10px 10px 0 10px;}
.numberBox .numberBoxN:last-child{ margin:10px 0 0 10px;}
.numberBox .numberBoxN dl{ float:left; width:50%;}
.numberBox .numberBoxN dl dt{font-size:15px;}
.numberBox .numberBoxN dl dd{ padding:20px 0 0;}
.numberBox .numberBoxN dl dd b{ font-size:28px; font-weight:bold;}
.numberBox .numberBoxN h3{ overflow:hidden; text-align:right; line-height:120px;}
.numberBox .numberBoxN h3 strong{ font-size:34px; font-weight:bold;}


.linkBox{ padding:10px;}
.linkBox h3{  height:40px; line-height:40px; font-size:16px; padding:0 10px;}
.linkBox .link{ padding:20px; box-shadow:0 1px 2px #c5c5c5; margin:10px; color:#3a8ee6;}

.linkBox .linkContent{ padding:30px 10px 0;}
.linkBox .linkContent ul li{ padding:10px;}
.linkBox .linkContent ul li em{ float:left; width:20%; font-size:15px;}
.linkBox .linkContent ul li .rightCon{ overflow:hidden;}
.linkBox .linkContent ul li .rightCon p{ color:#666; line-height:1.8em;}